<template>
  <div id="sec3Right">
    <el-tabs v-model="activeName2" type="card">
      <el-tab-pane label="高频开奖" name="first">
       <div class="resoult" v-for="item in 3">
         <div class="flex">
           <span style="font-size: 13px;color: #000;">重庆时时彩</span>
           <span style="margin-left: 20px">20171120-014期</span>
         </div>
         <div style="text-align: left;font-size: 20px;color: red;padding: 15px 0;">
           1 2 3 4 5
         </div>
         <div style="text-align: right;padding-right: 10px">2017-11-20 10:57:33
           <span style="color: black;cursor:pointer;">投注</span></div>
       </div>
      </el-tab-pane>
      <el-tab-pane label="低频开奖" name="second">
        <div class="resoult" v-for="item in 3">
          <div class="flex">
            <span style="font-size: 13px;color: #000;">福彩3D</span>
            <span style="margin-left: 20px">20171120-014期</span>
          </div>
          <div style="text-align: left;font-size: 20px;color: red;padding: 15px 0;">
            1 2 3 4 5
          </div>
          <div style="text-align: right;padding-right: 10px">2017-11-20 10:57:33
            <span style="color: black;cursor:pointer;">投注</span></div>
        </div>
      </el-tab-pane>
    </el-tabs>
  </div>

</template>

<script>
  export default {
    data () {
      return {
        activeName2: 'first'
      }
    },
    methods: {}

  }
</script>

<style lang="less">
  #sec3Right{
    li{
      padding-bottom:5px;
    }
    .el-tabs__nav{
      width: 100%;
    }
    .el-tabs__nav >div{
      width: 50%;
    }
    .el-tabs__item.is-active {
      border-top: 4px solid #e4393c;
      color:#e4393c ;
      position: relative;
    }
    .resoult{
      border-bottom: 1px solid #ccc;
      height: 100px;
    }
  }
</style>
